<template>
  <div class="projectList-comp-ct c_page">
    <van-nav-bar :title="componentName" left-arrow @click-left="goback">
      <van-icon name="weapp-nav" slot="right" style="font-size:35px;" />
    </van-nav-bar>
    <div class="c_container">
      <div class="lws_card" v-for="item in 8" :key="item" @click="show_detail(item,'88')">
        <div class="car_title">
          <span>墙体 （云星.创客园）</span>
          <div class="tap">未申报</div>
        </div>
        <div class="car_container">
          <van-cell-group>
            <van-cell title="工程地址" value="安吉大道65-1号" />
            <van-cell title="建设单位" value="广西五羊地产开发有限公司"  />
            <van-cell title="监督人" value="张三，李四"  />
            <van-cell title="现场监督时间" value="2019-07-11 16时"  />
          </van-cell-group>
        </div>
        <div class="car_sub"></div>
      </div>
    </div>
  </div>
</template>
<script>
import Vue from "vue";
import { Toast, Icon, NavBar } from "vant";
import { Cell, CellGroup } from "vant";
Vue.use(Toast)
  .use(Icon)
  .use(NavBar);
Vue.use(Cell).use(CellGroup);
export default {
  name: "projectList",
  data() {
    return {
      componentName: "现场监督记录"
    };
  },
  methods: {
    goback() {
      this.$router.back(-1);
    },
    show_detail(pid,tid){
      this.$router.push({
        name:'xc_projectInfo',
        params:{
          pid:pid,
          tid:tid
        }
      })
    }
  }
};
</script>
<style lang="scss" scoped>
.projectList-comp-ct {
  .cfs {
    font-weight: bold;
  }
  .lws_card {
    margin: 3% 5%;
    width: 90%;
    // border: 1px solid;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-box-shadow: 2px 2px 5px #474646;
    box-shadow: 2px 2px 5px #474646;
    .car_title {
      line-height: 35px;
      border-bottom: 1px dashed;
      border-color: #929292;
      text-align: left;
      padding-left: 15px;
      color: #fff;
      border-top-left-radius: 15px;
      background: linear-gradient(
        to right,
        rgb(100, 186, 230),
        rgb(53, 130, 230)
      );
      .tap {
        background-color: #e72323;
        width: 90px;
        line-height: 25px;
        float: right;
        margin-right: 15px;
        text-align: center;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        color: #fff;
      }
    }
    .car_container {
      line-height: 30px;
      .van-cell{
        padding: 5px 10px;
        line-height: 1.1rem;
        .van-cell__title{
          text-align: left;
        }
        .van-cell__value{
          flex: 2;
          text-align: left;
        }
      }
    }
    .car_sub {
      line-height: 30px;
      border-top: 1px dashed;
      border-color: #929292;
      text-align: right;
      padding-right: 15px;
      min-height: 30px;
    }
  }
}
</style>
